.app {
  display: flex;
  flex-direction: column;
  height: 100%;

  header {
    background-color: #00b38a;
    line-height: 0.45rem;
    font-size: 0.18864rem;
    color: white;
    text-align: center;
  }
  main {
    flex: 1;
    overflow: hidden;
  }
  nav {
    background-color: #f6f6f6;
    height: 0.45rem;
    font-size: 0.14rem;
    ul {
      display: flex;
      list-style: none;
      justify-content: center;
      align-items: center;
      li {
        flex: 1;
        text-align: center;
        line-height: 0.45rem;

        &.active {
          color: #00b38a;
          background-color: #e7f3f0;
        }
      }
    }
  }
}

@font-face {
  font-family: "iconfont";
  src: url("./libs/iconfont.eot");
  src: url("./libs/iconfont.eot?#iefix") format("embedded-opentype"), url("./libs/iconfont.woff2") format("woff2"),
    url("./libs/iconfont.woff") format("woff"), url("./libs/iconfont.ttf") format("truetype"),
    url("./libs/iconfont.svg#iconfont") format("svg");
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 0.2rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#loading {
  position: fixed;
  // display: flex;
  // justify-content: center;
  // align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  text-align: center;
  img {
    margin-top: 49vh;
  }
}

.swiper-container {
  height: 100%;
}
